html,body{
	padding:0px;
	margin:0px;
	overflow: hidden;
}
.icon {
   width: 2em; 
   height: 2em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
#font_can{
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	background-color: #000;
}
#pre_page{
    position:absolute;
    z-index:10;
	width:100%;
	background-color: #000;
	/*transform:scale(1,1);*/
	transform-origin:center;
	/*transition:transform .5s ease;*/

}
#pre_body_arrow{
	position:absolute;
	bottom:20%;
	left:50%;
	width:40px;
	height:40px;
	border-radius: 50% 50%;
	margin-left:-20px;
	cursor:pointer;
	font-size:20px;
	color:#000;
	background-color: #fff;
	animation:arrowAct 0.5s linear infinite alternate ;

}
#pre_body_arrow:hover{
	color:#fff;
	background-color: #000;
	border:1px solid #fff;
}
@keyframes preAct{
	from{
		transform: rotate(0deg) scale(1,1);
	}
	to{
		transform: rotate(360deg) scale(0,0);
	}
}
@keyframes arrowAct{
	from{
		transform:scale(1,1);
		/*background-color: #000;*/
	}
	to{
		/*background-color: #fff;*/
		transform:scale(1.2,1.2);
		
	}
}
#hover_block{
	position:absolute;
	z-index: 2;
}
.hover{
	display:inline-block;
	height:60px;
}
.hover_W{
	width:56px;
}
.hover_E{
	width:32px;
}
.hover_L{
	width:32px;
}
.hover_C{
	width:35px;
}
.hover_O{
	width:44px;
}
.hover_M{
	width:44px;
}
.hover_E_2{
	width:36px;
}
#font_span{
	position: absolute;
	z-index:1;
	display: block;
	fill: #fff;
	/*top:0;
	left:0;*/
	/*background-color: blue;*/
	overflow: visible;
}
g{
	/*position: absolute;*/
	
}
rect{
	/*fill: #fff;*/
	transition:all .5s ease;
}

